<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>企业服务_职位发布</title>

<link href="css/base.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/help.css"/>

<!--js区域-->
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".fwmc_xxk li").click(function(){
		//var fw_price = $(this).children("i").text();
		//var fw_numb = $(".srkk").val();
		//var fw_tal = fw_price*fw_numb;
		//$(".zwfb_zje span").text(fw_tal);
		$(this).addClass("on").siblings().removeClass("on");
		tola();
		});
	//加
	$(".jia").click(function(){
		var fw_numb = $(".srkk").val();	
		fw_numb++;
		$(".srkk").val(fw_numb);		
		/*$(".fwmc_xxk li").each(function() {
            if($(this).hasClass("on")){
				var dqzt_price = $(this).children("i").text();
				//alert(dqzt_price);
				var zgsj_jia = dqzt_price*fw_numb;
				$(".zwfb_zje span").text(zgsj_jia);
				}
        }); */
		tola();
		})
		
	//减
	$(".jian").click(function(){
		var fw_numb = $(".srkk").val();	
		if(fw_numb <= 1){
			alert("数量不足了，请住手！")
			}else{
		fw_numb--;
		$(".srkk").val(fw_numb);		
			}
		/*$(".fwmc_xxk li").each(function() {
            if($(this).hasClass("on")){
				var dqzt_price = $(this).children("i").text();
				//alert(dqzt_price);
				var zgsj_jia = dqzt_price*fw_numb;
				$(".zwfb_zje span").text(zgsj_jia);
				}
        }); */
		tola();
		})	
	 
	
});

function tola(){
		var $li = $(".fwmc_xxk").children("li.on");
		var money = $li.children("i").text();
		var count = $(".srkk").val();
		$(".zwfb_zje span").text(money*count);
}

</script>
	</head>
	<body style="width: 1250px;">
		<div  class="fw_conent">
		  <!--内容开始------------------------------>
		  <div class="bzzx_bt"> <strong>充值中心</strong>购买金币，用于购买其他用户上传的资源文件，<span>项目、HTML页面、图片</span>等资源</div>
		  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="zwfb_shop_table">
		    <tr valign="top">
		      <td align="right" width="70">服务名称：</td>
		      <td><ul class="fwmc_xxk">
		          <li class="on">
		            <p>职位发布服务服务</p>
		            <i>1</i>元</li>
		          <li >
		            <p>职位发布服务服务</p>
		            <i>5</i>元</li>
		          <li >
		            <p>职位发布服务服务</p>
		            <i>10</i>元</li>
		          <li >
		            <p>职位发布服务服务</p>
		            <i>15</i>元</li>
		          <li >
		            <p>职位发布服务服务</p>
		            <i>30</i>元</li>
		          <li >
		            <p>职位发布服务服务</p>
		            <i>50</i>元</li>
		        </ul></td>
		    </tr>
		  <!--  <tr>
		      <td align="right">职位数量：</td>
		      <td><div class=" zwsl_num">50个<span>职位数量职位书名</span></div> </td>
		    </tr> -->
		    <tr>
		      <td height="20"></td>
		      <td></td>
		    </tr>
		    <tr>
		      <td align="right">购买数量：</td>
		      <td><ul class="nmb_jj">
		          <li class="jian">-</li>
		          <li>
		            <input name="" type="text" value="1" class="srkk" />
		          </li>
		          <li class="jia">+</li>  
		        </ul></td>
		    </tr>
		    <tr>
		      <td height="20"></td>
		      <td></td>
		    </tr>
		    <tr>
		      <td align="right">价格：</td>
		      <td><div class="zwfb_zje"><span>600</span> <i>元</i></div></td>
		    </tr>
		    <tr>
		      <td height="20"></td>
		      <td></td>
		    </tr>
		    <tr>
		      <td></td>
		      <td><a class="ty_but ml20" href="#">购 买</a></td>
		    </tr>
		  </table>
		  <div class="gmxz_tip"> 购买须知：
		    <p>1.充值的金币只能购买，其他用户上传的作品资源，不会提升博客等级。</p>
		    <p>2.本次金币购买后即生效，不支持退费服务。</p>
		  </div>
		  
		  <!--内容结束------------------------------> 
		</div>
	</body>
</html>
